<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />

		<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
		Remove this if you use the .htaccess -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

		<title>HTML</title>
		<meta name="description" content="" />
		<meta name="author" content="jvirkovskiy" />

		<meta name="viewport" content="width=device-width, initial-scale=1.0" />

		<!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
		<link rel="shortcut icon" href="/favicon.ico" />
		<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
		
		<link rel="stylesheet" type="text/css" href="js_ui_template.css"/>
		<script type="text/javascript" src="jquery/jquery-1.9.1.js"></script>
		<script type="text/javascript" src="js_ui_template.js"></script>
	</head>

	<body>
		<div>
			<header>
				<h1>HTML</h1>
			</header>
			<nav>
				<p>
					<a href="/">Home</a>
				</p>
				<p>
					<a href="/contact">Contact</a>
				</p>
			</nav>

			<div id="editor" class="editorClass">
				<div id="tool_set" class="toolSetClass">
					<ul class="unselectable">
						<li><p class="toolSetItemClass" id="tool_add_new" unselectable="on">Add new element</p></li>
						<li><p class="toolSetItemClass" id="tool_clear_connections" unselectable="on">Clear connections</p></li>
						<li><p class="toolSetItemClass" id="tool_freeze" unselectable="on">Freeze</p></li>
						<li><p class="toolSetItemClass" id="tool_remove" unselectable="on">Remove</p></li>
					</ul>
				</div>
				
				<div id="scroller">
					<div id="graph_field" class="fieldClass">
						<canvas id="connect_view" class="connectView">
						</canvas>
					</div>
				</div>
			</div>

			<footer>
				<p>
					&copy; Copyright  by jvirkovskiy
				</p>
			</footer>
		</div>
		
		<div class="templateSet">
			<div class="beginTemplate">
				<div id="beginDraggable" name="drag_area" class="dragArea"><p>BEGIN</p></div>
				<div id="beginConnector" name="connect_area" class="connectArea">
				</div>
			</div>
		</div>
	</body>
</html>
